<template>
	<view class="banner">
		<view class="df aic">
			<text style="font-size: 40rpx;line-height: 52rpx;color: #fff;font-weight: 500;" class="mt40 ml40">{{'高新供电公司'}}</text>
			<img class="mt40 ml20" style="width: 36rpx;height: 36rpx;" src="../static/imgs/backright.png" alt="" />
		</view>
		<view class="supply mt40 ml40">
			<view class="df aic">
				<view style="font-size: 20rpx;color: #fff;line-height: 38rpx;">{{'益州大道供电所'}}</view>
				<img class="ml20" style="width: 24rpx;height: 24rpx;" src="../static/imgs/backright.png" alt="" />
			</view>
		</view>
		
	</view>
</template>

<script setup>
	
	
	
</script>

<style lang="scss">
.banner{
	width: 100%;
	height: 220rpx;
	background-image: url('');
	background-repeat: no-repeat;
	border-radius: 12px;
	background-size: 150%;
	background-repeat: no-repeat;
	background-position: 56%;
	box-shadow: 0px 10rpx 10rpx rgba(45, 108, 232, .2);
}
.supply{
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 90rpx;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20rpx;
	text-align: center;
	height: 40rpx;
}
</style>